<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <!-- 倒入第三方样式-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"/>
    <!--导入less样式-->
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/m-details(danpin).css"/>

    <!-- 引入js-->
    <script src='lib/less/less.min.js'></script>
    <title>凑单品</title>
</head>
<body>


<!--header-->
<header>
    <a href="" class="back"><span>&lt;</span></a>

    <p>凑单品</p>

</header>
<!--header-->

<nav class="clearfix">
    <div><a href="" id="shop">京东</a><i>▲</i>
    </div>
    <div><a href="" id="address">华北</a><i>▲</i>
    </div>
    <div><a href="" id="price">一元</a><i>▲</i>
    </div>
    <div><a href="" id="content">囍</a>
    </div>
    <div class="ITEMS">
        <ul class="items " id="items1"></ul>
        <ul class="items" id="items2"></ul>
        <ul class="items" id="items3">
            <li><a href="">1元</a><span>√</span></li>
            <li><a href="">1~3元</a><span>√</span></li>
            <li><a href="">3~5元</a><span>√</span></li>
            <li><a href="">5~8元</a><span>√</span></li>
            <li><a href="">8~10元</a><span>√</span></li>
            <li><a href="">10~15元</a><span>√</span></li>
        </ul>
        <ul class="items clea v  rfix" id="items4">

            <div class="search"><input type="text" value="输入关键字"/><span>搜索</span></div>
            <span class="px">排序</span>

            <div class="clearfix list1">
                <a href="">销量</a>
                <a href="">价格↑</a>
                <a href="">价格↓</a>
            </div>
            <span class="px">分类</span>

            <div class="list2">
                <a href="">全部</a>
                <a href="">家居</a>
                <a href="">数码</a>
                <a href="">办公</a>
            </div>
            <div class="list3">
                <a href="">个护</a>
                <a href="">食品</a>
                <a href="">母婴</a>
                <a href="">服饰</a>
            </div>
        </ul>
    </div>
</nav>


<div class="details">
    <ul class="contains clearfix">
    </ul>
</div>
<script type="text/html" id="tplSingle">
    {{each result as value i}}
    <li>
        <a href=""><img src="{{#value.productImg}}" alt=""/></a>
        <a href="" class="name">{{value.productName}}</a><br/>
        <a href="" class="price">{{value.productPrice}}</a>
    </li>
    {{/each}}
</script>
<script type="text/html" id="getShop">
    {{each result as value i}}
        <li data-shopId={{value.shopId}}><a href="">{{value.shopName}}</a><span>√</span></li>
    {{/each}}
</script>

<script type="text/html" id="getArea">
    {{each result as value i}}
    <li data-areaId={{value.areaId}}><a href="">{{value.areaName}}</a><span>√</span></li>
    {{/each}}
</script>
</body>
<!--引入jq-->
<script src="lib/jquery/jquery.js"></script>
<!--引入bootstrap.js-->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!--一引入template.js-->
<script src="lib/template/template.js"></script>
<!--引入自己的js-->
<script src="js/m-details.js"></script>

</html>